<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>点点滴滴</title>
		<link rel="stylesheet" type="text/css" href="bootstarp/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="swiper/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstarp/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="swiper/js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!-- header start -->
		<div class="navbar navbar-default clear-bottom">
			<div class="container">
				<!-- logo start -->
				<div class="navbar-header">
					<a class="navbar-brand logo-style" href="/">
						<img class="brand-img" src="img/logo.png" alt="点点滴滴">
					</a>
				</div>
				<!-- logo end -->
				<!-- navbar start -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="index.html">游记</a>
						</li>
						<li>
							<a href="jieban.html">结伴而行</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								预留链接 <span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">预留链接</a>
								</li>
							</ul>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="login.html">登陆</a>
						</li>
						<li>
							<a href="login.html">注册</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle user-active" data-toggle="dropdown" role="button">
								<img class="img-circle" src="img/user.jpeg" />
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="sendyouji.html">
										<i class="glyphicon glyphicon-edit"></i> 发布游记
									</a>
								</li>
								<li>
									<a href="sendjieban.html">
										<i class="glyphicon glyphicon-edit"></i> 发布结伴
									</a>
								</li>
								<li>
									<a href="userSend.html">
										<i class="glyphicon glyphicon-edit"></i> 我的发布
									</a>
								</li>
								<li>
									<a href="userSet.html">
										<i class="glyphicon glyphicon-cog"></i> 设置
									</a>
								</li>
								<li>
									<a href="#">
										<i class="glyphicon glyphicon-off"></i> 退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- navbar end -->
			</div>
		</div>
		<!-- header end -->
		
		<!-- slide start -->
		<div class="container-fluid clear-padding">
			<div class="swiper-container">
			  	<div class="swiper-wrapper">
				    <div class="swiper-slide">
				    	<div class="show-title">
				    		<div class="date">
		                        <span class="day">15</span>/Sep.2017
		                    </div>
		                    <div>台北 || 我喜欢上你时的内心活动</div>
				    	</div>
				    	<img class="swiper-lazy" src="img/swiperImg/show01.jpeg"/>
				    	<div class="swiper-lazy-preloader"></div>
				    </div>
				    <div class="swiper-slide">
				    	<div class="show-title">
				    		<div class="date">
		                        <span class="day">14</span>/Sep.2017
		                    </div>
		                    <div>如果，有人在贝加尔湖向你求了婚</div>
				    	</div>
				    	<img class="swiper-lazy" src="img/swiperImg/show02.jpeg"/>
				    	<div class="swiper-lazy-preloader"></div>
				    </div>
				    <div class="swiper-slide">
				    	<div class="show-title">
				    		<div class="date">
		                        <span class="day">13</span>/Sep.2017
		                    </div>
		                    <div>从路边摊到米其林，我们来香港只为了吃！</div>
				    	</div>
				    	<img class="swiper-lazy" src="img/swiperImg/show03.jpeg"/>
				    	<div class="swiper-lazy-preloader"></div>
				    </div>
				    <div class="swiper-slide">
				    	<div class="show-title">
				    		<div class="date">
		                        <span class="day">12</span>/Sep.2017
		                    </div>
		                    <div>久别重逢，我心之疆。【南疆行记】</div>
				    	</div>
				    	<img class="swiper-lazy" src="img/swiperImg/show04.jpeg"/>
				    	<div class="swiper-lazy-preloader"></div>
				    </div>
			  	</div>
			  	<div class="swiper-pagination slide-back"></div>
			</div>
		</div>
		<!-- slide end -->
		
		<!-- content start -->
		<div class="container" id="a">
			<div class="row">
				<div class="col-xs-12">
					<div class="page-header">
						<img src="img/resident-hd.png"/>
					  	<a class="btn btn-warning btn-sm btn-pos">
					  		<i class="glyphicon glyphicon-edit"></i> 写游记
					  	</a>
					</div>
					
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">出游攻略</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="youjiDetail.html" target="_blank">
		                        	<img src="img/artimg/art (1).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="youjiDetail.html" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
				
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">旅游行记</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (2).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">点点滴滴</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (3).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_self">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
				
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">所见所闻</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (4).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">出游攻略</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (1).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
				
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">旅游行记</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (2).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">点点滴滴</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (3).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
				
				<div class="col-xs-6">
					<div class="panel">
					  <div class="panel-body row">
					    <div class="col-xs-4 article">
					    	<p class="classify-css">所见所闻</p>
					    	<p class="art-date">发布时间：2017年9月16日</p>
					    	<p class="zuozhe-css">作者</p>
					    	<img class="img-rounded art-user" src="img/userImg/user01.jpeg"/>
					    	<div class="art-username">
					    		暖暖的旅行
					    	</div>
					    </div>
					    <div class="col-xs-8 art-back">
		                    <div>
		                        <a href="#" target="_blank">
		                        	<img src="img/artimg/art (4).jpeg">
		                       	</a>
		                    </div>
		                    <h3 class="content-title">
		                    	<a class="btn btn-link" href="" target="_blank">山西所见——崛围山感受秋之美</a>
		                    </h3>
		                    <div class="content-desc"> 时间：10月19日 地点：崛围山（太原市西北方向-呼延村） 人物：勇子、昱都、包子、阿紫、tiger……</div>
					    </div>
					  </div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-12 loading-btn">
					<a class="btn btn-default btn-block">加载更多……</a>
				</div>
			</div>
			<!-- fiex btn start-->
			<div class="mfw-toolbar">
			    <div class="toolbar-item-top">
					<a href="#a" role="button" class="btn" >
						<i class="glyphicon glyphicon-chevron-up"></i>
					</a>
				</div>
			</div>
			<!-- fiex btn end-->
		</div>
		<!-- content end-->
		
		<!-- footers start -->
		<div class="footers">
			版权所有：南京网博   &nbsp; &nbsp; BY:chw0564
		</div>
		<!-- footers end -->
		
	</body>

</html>